<template>
  <div class="app">
      <div class="ce">
        ceshi
      </div>
  </div>
</template>

<script>

export default {
    name:'Home',
    data() {
        return {
          // 展开收起
          isCollapse: true,

        };
    },
    methods: {
      // 侧边导航栏处理
     
    }
}
</script>

<style>
*{
  margin: 0px;
  padding: 0px;
}
/* 布局 */
.el-header, .el-footer {
    background-color: #B3C0D1;
    color: #333;
    text-align: center;
    line-height: 60px;
  }

  /* 侧边栏 */
  .el-aside {
    /* background-color: #D3DCE6;
    color: #333;
    text-align: center; */
    /* line-height: 200px; */
    width: 255px;
    overflow: hidden;
    opacity: 1;
    background: rgba(43, 45, 55, 0.01);
  }
  /* 侧边栏导航修饰 */
  .tac{
    left: -20px;
    width: 510px;
    height: 100%;
  }

  /* 展开收起 */
  .el-menu-vertical-demo:not(.el-menu--collapse) {
    left: 0px;
    width: 200px;
    min-height: 350px;
  }
  .el-main {
    background-color: #E9EEF3;
    color: #333;
    /* text-align: center; */
    line-height: 75px;
    height: 100%;
  }

  body > .el-container {
    margin-bottom:5px;
  }

  .el-container:nth-child(5) .el-aside,
  .el-container:nth-child(6) .el-aside {
    line-height: 260px;
  }

  .el-container:nth-child(7) .el-aside {
    line-height: 320px;
  }
  /* 主体css */
    .menu{
        left: 30px;
        top: 35px;
        width: 100px;
        height: 20px;
        opacity: 1;
        /** 文本1 */
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 1.17px;
        line-height: 0px;
        color: rgba(116, 121, 140, 1);
        text-align: left;
        vertical-align: top;
        margin: 20px 0 0 30px;
    }
    .showMain{
      height: 1020px;
      width: 100%;
    }
    .form1{
        left: 321px;
        top: 139px;
        width: 339px;
        height: 200px;
        opacity: 1;
        border-radius: 5px;
        background: rgba(255, 255, 255, 1);
        position: absolute;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)
    }
		.form2{
			left: 848px;
			top: 139px;
			width: 339px;
			height: 200px;
			opacity: 1;
			border-radius: 5px;
			background: rgba(255, 255, 255, 1);
			position: absolute;
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)
		}
		.btn1{
			left: 212.5px;
			top: 16.46px;
			width: 99px;
			height: 38px;
			opacity: 1;
			background: rgba(255, 255, 255, 1);
			position: absolute;
		}
		.btn2{
			left: 212.5px;
			top: 16.46px;
			width: 99px;
			height: 38px;
			opacity: 1;
			background: rgba(255, 255, 255, 1);
			position: absolute;
		}

    .text-2{
			left: 30px;
			top: 35px;
			width: 60px;
			height: 20px;
			opacity: 1;
			/** 文本1 */
			font-size: 14px;
			font-weight: 400;
			letter-spacing: 1.17px;
			line-height: 0px;
			color: rgba(116, 121, 140, 1);
			text-align: left;
			vertical-align: top;
		}

    .text-1{
			left: 30px;
			top: 35px;
			width: 60px;
			height: 20px;
			opacity: 1;
			/** 文本1 */
			font-size: 14px;
			font-weight: 400;
			letter-spacing: 1.17px;
			line-height: 0px;
			color: rgba(116, 121, 140, 1);
			text-align: left;
			vertical-align: top;
			position: absolute;
		}
    /* 概述 */
    .summary{
      /* letter-spacing: 0px; */
      line-height: 30px;
      font-size: 18px;
      font-weight: 300;
      color: rgba(40, 45, 48, 1);
      text-align: left;
      vertical-align: top;
      margin: 20px 0 0 30px;
    }

    /* 侧边栏 */
    .left-menu {
      left: 0px;
      top: 0px;
      width: 195px;
      height: 55px;
      opacity: 1;
      border-radius: 8px;
      background: rgba(0, 84, 254, 1);
      margin-left: 20px;
      text-align: center;
      margin-bottom: 20px;
      /* 投影 */
      box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1)
    }
    .text4 {
      left: 62px;
      top: 25px;
      width: 58px;
      height: 17px;
      opacity: 1;
      font-size: 14px;
      font-weight: 400;
      letter-spacing: 0px;
      line-height: 44px;
      color: rgba(255, 255, 255, 1);
      vertical-align: top;
    }

    .logo {
      left: 0px;
      top: 0px;
      width: 100%;
      height: 70px;
      opacity: 1;
      margin: 20px 40px;
    }
    .text {
      left: 87px;
      top: 15px;
      width: 82px;
      height: 41px;
      opacity: 1;
      font-size: 28px;
      font-weight: 900;
      letter-spacing: 0px;
      line-height: 80px;
      color: rgba(112, 112, 112, 1);
      text-align: left;
      vertical-align: top;
    }.left-1{
      left:40px;
    }
</style>
